<template>
  <ve-liquidfill :data="chartData"></ve-liquidfill>
</template>

<script>
// import 'echarts-liquidfill'

export default {
  name: "LiquidFill",
  data () {
    return {
      chartData: {
        columns: ['city', 'percent'],
        rows: [{
          city: '上海',
          percent: 0.6
        }]
      }
    }
  }
  // mounted() {
  //   // var data = [0.68];
  //   var chart = this.$echarts.init(document.getElementById("container"));
  //   chart.setOption({
  //     series: [{
  //       type: 'liquidFill',
  //       data: [0.5, 0.4, 0.3, 0.2]
  //     }]
  //   })
  // }
}
</script>

<style scoped>
#container {
  width: 800px;
  height: 600px;
}
</style>
